<script setup lang="ts">
import CopyOutlined from "@ant-design/icons-vue/CopyOutlined";
import DeleteOutlined from "@ant-design/icons-vue/DeleteOutlined";
import DesktopOutlined from "@ant-design/icons-vue/DesktopOutlined";
import DownOutlined from "@ant-design/icons-vue/DownOutlined";
import FormOutlined from "@ant-design/icons-vue/FormOutlined";
import InteractionOutlined from "@ant-design/icons-vue/InteractionOutlined";
import PauseCircleOutlined from "@ant-design/icons-vue/PauseCircleOutlined";
import PlayCircleOutlined from "@ant-design/icons-vue/PlayCircleOutlined";
import ProfileOutlined from "@ant-design/icons-vue/ProfileOutlined";
import ProjectOutlined from "@ant-design/icons-vue/ProjectOutlined";
import {message} from "ant-design-vue";
import dayjs from "dayjs";
import {digitFormat} from "~/utils/util";

const props = defineProps({
  data: {
    type: Array,
    default: () => []
  },
  loading: {
    type: Boolean,
    default: false
  }
});
const columns = ref<any[]>([
  // {
  //   title: '状态',
  //   dataIndex: 'displayStatus',
  //   width: 70,
  //   dataType: 'custom',
  //   fixed: 'left',
  //   slot: 'displayStatus',
  // },
  {
    title: '#',
    dataIndex: 'index',
    width: 60,
    fixed: 'left',
  },
  {
    title: '单元名称',
    dataIndex: 'adgroupName',
    key: 'adgroupName',
    width: 250,
    // dataType: 'custom',
    // slot: 'adgroupName',
    tooltip: true,
    fixed: 'left',
  },
  {
    title: '计划名称',
    dataIndex: 'campaignName',
    key: 'campaignName',
    width: 160,
    fixed: 'left',
  },
  {
    title: '时间',
    dataIndex: 'thedate',
    width: 150,
    fixed: 'left',
    sorter: (a: any, b: any) => dayjs(a.thedate).unix() - dayjs(b.thedate).unix(),
    // dataType: 'custom',
    // render: (val: any) => {
    //   return dayjs(val.startTime).format('YYYY-MM-DD') + '~' + dayjs(val.endTime).format('YYYY-MM-DD');
    // },
    // slot: 'launchTime'
  },
  {
    title: '展现量',
    dataIndex: 'adPv',
    width: 100,
    sorter: (a: any, b: any) => a.adPv - b.adPv,
    align: 'right',
    render: (text: any, record: any) => {
      if (!record.adPv) {
        return '-';
      } else {
        const value = record.adPv;
        // 每隔三位逗号分隔
        return digitFormat(value);
      }
    }
  },
  {
    title: '点击量',
    dataIndex: 'click',
    width: 100,
    align: 'right',
    sorter: (a: any, b: any) => a.click - b.click,
    render: (text: any, record: any) => {
      if (!record.click) {
        return '-';
      } else {
        const value = record.click;
        // 每隔三位逗号分隔
        return digitFormat(value);
      }
    }
  },
  {
    title: '花费',
    dataIndex: 'charge',
    width: 100,
    dataType: 'customRender',
    align: 'right',
    sorter: (a: any, b: any) => a.charge - b.charge,
    render: (text: any, record: any) => {
      if (!record.charge) {
        return '-';
      } else {
        const value = record.charge;
        // 每隔三位逗号分隔
        return digitFormat(value, 2);
      }
    }
  },
  {
    title: '点击率',
    dataIndex: 'ctr',
    width: 100,
    dataType: 'customRender',
    align: 'right',
    sorter: (a: any, b: any) => a.ctr - b.ctr,
    render: (text: any, record: any) => {
      if (!record.ctr) {
        return '-';
      } else {
        const value = record.ctr;
        return (value * 100).toFixed(2) + '%';
      }
    }
  },
  {
    title: '平均点击花费',
    dataIndex: 'ecpc',
    width: 100,
    dataType: 'customRender',
    align: 'right',
    sorter: (a: any, b: any) => a.ecpc - b.ecpc,
    render: (text: any, record: any) => {
      if (!record.ecpc) {
        return '-';
      } else {
        const value = record.ecpc;
        return digitFormat((value).toFixed(2));
      }
    }
  },
  {
    title: '千次展现花费',
    dataIndex: 'ecpm',
    width: 100,
    dataType: 'customRender',
    align: 'right',
    sorter: (a: any, b: any) => a.ecpm - b.ecpm,
    render: (text: any, record: any) => {
      if (!record.ecpm) {
        return '-';
      } else {
        const value = record.ecpm;
        return digitFormat((value).toFixed(2));
      }
    }
  },
  {
    title: '拍下订单笔数',
    dataIndex: 'gmvInshopNum',
    width: 100,
    dataType: 'customRender',
    align: 'right',
    sorter: (a: any, b: any) => a.gmvInshopNum - b.gmvInshopNum,
    render: (text: any, record: any) => {
      if (!record.gmvInshopNum) {
        return '-';
      } else {
        const value = record.gmvInshopNum;
        return digitFormat(value);
      }
    }
  },
  {
    title: '拍下订单金额',
    dataIndex: 'gmvInshopAmt',
    width: 100,
    dataType: 'customRender',
    align: 'right',
    sorter: (a: any, b: any) => a.gmvInshopAmt - b.gmvInshopAmt,
    render: (text: any, record: any) => {
      if (!record.gmvInshopAmt) {
        return '-';
      } else {
        const value = record.gmvInshopAmt;
        return digitFormat(value);
      }
    }
  },
  {
    title: '预售成交笔数',
    dataIndex: 'prepayInshopNum',
    width: 100,
    dataType: 'customRender',
    align: 'right',
    sorter: (a: any, b: any) => a.prepayInshopNum - b.prepayInshopNum,
    render: (text: any, record: any) => {
      if (!record.prepayInshopNum) {
        return '-';
      } else {
        const value = record.prepayInshopNum;
        return digitFormat(value);
      }
    }
  },
  {
    title: '预售成交金额',
    dataIndex: 'prepayInshopAmt',
    width: 100,
    dataType: 'customRender',
    align: 'right',
    sorter: (a: any, b: any) => a.prepayInshopAmt - b.prepayInshopAmt,
    render: (text: any, record: any) => {
      if (!record.prepayInshopAmt) {
        return '-';
      } else {
        const value = record.prepayInshopAmt;
        return digitFormat(value);
      }
    }
  },
  {
    title: '预售成交金额',
    dataIndex: 'prepayDirAmt',
    width: 100,
    dataType: 'customRender',
    align: 'right',
    sorter: (a: any, b: any) => a.prepayDirAmt - b.prepayDirAmt,
    render: (text: any, record: any) => {
      if (!record.prepayDirAmt) {
        return '-';
      } else {
        const value = record.prepayDirAmt;
        return digitFormat(value);
      }
    }
  },
  {
    title: '预售间接成交笔数',
    dataIndex: 'prepayIndirNum',
    width: 140,
    dataType: 'customRender',
    align: 'right',
    sorter: (a: any, b: any) => a.prepayIndirNum - b.prepayIndirNum,
    render: (text: any, record: any) => {
      if (!record.prepayIndirNum) {
        return '-';
      } else {
        const value = record.prepayIndirNum;
        return digitFormat(value);
      }
    }
  },
  {
    title: '预售间接成交金额',
    dataIndex: 'prepayIndirAmt',
    width: 140,
    dataType: 'customRender',
    align: 'right',
    sorter: (a: any, b: any) => a.prepayIndirAmt - b.prepayIndirAmt,
    render: (text: any, record: any) => {
      if (!record.prepayIndirAmt) {
        return '-';
      } else {
        const value = record.prepayIndirAmt;
        return digitFormat(value.toFixed(2));
      }
    }
  },
  {
    title: '总成交笔数',
    dataIndex: 'alipayInshopNum',
    width: 100,
    dataType: 'customRender',
    align: 'right',
    sorter: (a: any, b: any) => a.alipayInshopNum - b.alipayInshopNum,
    render: (text: any, record: any) => {
      if (!record.alipayInshopNum) {
        return '-';
      } else {
        const value = record.alipayInshopNum;
        return digitFormat(value);
      }
    }
  },
  {
    title: '总成交金额',
    dataIndex: 'alipayInshopAmt',
    width: 100,
    dataType: 'customRender',
    align: 'right',
    sorter: (a: any, b: any) => a.alipayInshopAmt - b.alipayInshopAmt,
    render: (text: any, record: any) => {
      if (!record.alipayInshopAmt) {
        return '-';
      } else {
        const value = record.alipayInshopAmt;
        return digitFormat(value);
      }
    }
  },
  {
    title: '直接成交笔数',
    dataIndex: 'alipayDirNum',
    width: 100,
    dataType: 'customRender',
    align: 'right',
    sorter: (a: any, b: any) => a.alipayDirNum - b.alipayDirNum,
    render: (text: any, record: any) => {
      if (!record.alipayDirNum) {
        return '-';
      } else {
        const value = record.alipayDirNum;
        return digitFormat(value);
      }
    }
  },
  {
    title: '直接成交金额',
    dataIndex: 'alipayDirAmt',
    width: 100,
    dataType: 'customRender',
    align: 'right',
    sorter: (a: any, b: any) => a.alipayDirAmt - b.alipayDirAmt,
    render: (text: any, record: any) => {
      if (!record.alipayDirAmt) {
        return '-';
      } else {
        const value = record.alipayDirAmt;
        return digitFormat(value);
      }
    }
  },
  {
    title: '间接成交笔数',
    dataIndex: 'alipayIndirNum',
    width: 100,
    dataType: 'customRender',
    align: 'right',
    sorter: (a: any, b: any) => a.alipayIndirNum - b.alipayIndirNum,
    render: (text: any, record: any) => {
      if (!record.alipayIndirNum) {
        return '-';
      } else {
        const value = record.alipayIndirNum;
        return digitFormat(value);
      }
    }
  },
  {
    title: '间接成交金额',
    dataIndex: 'alipayIndirAmt',
    width: 100,
    dataType: 'customRender',
    align: 'right',
    sorter: (a: any, b: any) => a.alipayIndirAmt - b.alipayIndirAmt,
    render: (text: any, record: any) => {
      if (!record.alipayIndirAmt) {
        return '-';
      } else {
        const value = record.alipayIndirAmt;
        return digitFormat(value.toFixed(2));
      }
    }
  },
  {
    title: '点击转化率',
    dataIndex: 'cvr',
    width: 100,
    dataType: 'customRender',
    align: 'right',
    sorter: (a: any, b: any) => a.cvr - b.cvr,
    render: (text: any, record: any) => {
      if (!record.cvr) {
        return '-';
      } else {
        const value = record.cvr;
        return (value * 100).toFixed(2) + '%';
      }
    }
  },
  {
    title: '投入产出比',
    dataIndex: 'roi',
    width: 100,
    dataType: 'customRender',
    align: 'right',
    sorter: (a: any, b: any) => a.roi - b.roi,
    render: (text: any, record: any) => {
      if (!record.roi) {
        return '-';
      } else {
        const value = record.roi;
        return (value).toFixed(2);
      }
    }
  },
  {
    title: '直接成交RIO',
    dataIndex: 'dirRoi',
    width: 100,
    dataType: 'customRender',
    align: 'right',
    sorter: (a: any, b: any) => a.dirRoi - b.dirRoi,
    render: (text: any, record: any) => {
      if (!record.dirRoi) {
        return '-';
      } else {
        const value = record.dirRoi;
        return (value).toFixed(2);
      }
    }
  },
  {
    title: '总成交成本',
    dataIndex: 'alipayInshopCost',
    width: 100,
    dataType: 'customRender',
    align: 'right',
    sorter: (a: any, b: any) => a.alipayInshopCost - b.alipayInshopCost,
    render: (text: any, record: any) => {
      if (!record.alipayInshopCost) {
        return '-';
      } else {
        const value = record.alipayInshopCost;
        return (value).toFixed(2);
      }
    }
  },
  {
    title: '总购物车数',
    dataIndex: 'cartInshopNum',
    width: 100,
    dataType: 'customRender',
    align: 'right',
    sorter: (a: any, b: any) => a.cartInshopNum - b.cartInshopNum,
    render: (text: any, record: any) => {
      if (!record.cartInshopNum) {
        return '-';
      } else {
        const value = record.cartInshopNum;
        return digitFormat(value);
      }
    }
  },
  {
    title: '直接购物车数',
    dataIndex: 'cartDirNum',
    width: 100,
    dataType: 'customRender',
    align: 'right',
    sorter: (a: any, b: any) => a.cartDirNum - b.cartDirNum,
    render: (text: any, record: any) => {
      if (!record.cartDirNum) {
        return '-';
      } else {
        const value = record.cartDirNum;
        return digitFormat(value);
      }
    }
  },
  {
    title: '间接购物车数',
    dataIndex: 'cartIndirNum',
    width: 100,
    dataType: 'customRender',
    align: 'right',
    sorter: (a: any, b: any) => a.cartIndirNum - b.cartIndirNum,
    render: (text: any, record: any) => {
      if (!record.cartIndirNum) {
        return '-';
      } else {
        const value = record.cartIndirNum;
        return digitFormat(value);
      }
    }
  },
  {
    title: '加购率',
    dataIndex: 'cartRate',
    width: 100,
    dataType: 'customRender',
    align: 'right',
    sorter: (a: any, b: any) => a.cartRate - b.cartRate,
    render: (text: any, record: any) => {
      if (!record.cartRate) {
        return '-';
      } else {
        const value = record.cartRate;
        return (value * 100).toFixed(2) + '%';
      }
    }
  },
  {
    title: '收藏宝贝数',
    dataIndex: 'itemColInshopNum',
    width: 100,
    dataType: 'customRender',
    align: 'right',
    sorter: (a: any, b: any) => a.itemColInshopNum - b.itemColInshopNum,
    render: (text: any, record: any) => {
      if (!record.itemColInshopNum) {
        return '-';
      } else {
        const value = record.itemColInshopNum;
        return digitFormat(value);
      }
    }
  },
  {
    title: '收藏店铺数',
    dataIndex: 'shopColDirNum',
    width: 100,
    dataType: 'customRender',
    align: 'right',
    sorter: (a: any, b: any) => a.shopColDirNum - b.shopColDirNum,
    render: (text: any, record: any) => {
      if (!record.shopColDirNum) {
        return '-';
      } else {
        const value = record.shopColDirNum;
        return digitFormat(value);
      }
    }
  },
  {
    title: '店铺收藏成本',
    dataIndex: 'shopColInshopCost',
    width: 100,
    dataType: 'customRender',
    align: 'right',
    sorter: (a: any, b: any) => a.shopColInshopCost - b.shopColInshopCost,
    render: (text: any, record: any) => {
      if (!record.shopColInshopCost) {
        return '-';
      } else {
        const value = record.shopColInshopCost;
        return digitFormat(value);
      }
    }
  },
  {
    title: '总收藏加购数',
    dataIndex: 'colCartNum',
    width: 100,
    dataType: 'customRender',
    align: 'right',
    sorter: (a: any, b: any) => a.colCartNum - b.colCartNum,
    render: (text: any, record: any) => {
      if (!record.colCartNum) {
        return '-';
      } else {
        const value = record.colCartNum;
        return digitFormat(value);
      }
    }
  },
  {
    title: '总收藏加购成本',
    dataIndex: 'colCartCost',
    width: 120,
    dataType: 'customRender',
    align: 'right',
    sorter: (a: any, b: any) => a.colCartCost - b.colCartCost,
    render: (text: any, record: any) => {
      if (!record.colCartCost) {
        return '-';
      } else {
        const value = record.colCartCost;
        return digitFormat(value.toFixed(2));
      }
    }
  },
  {
    title: '宝贝收藏加购数',
    dataIndex: 'itemColCart',
    width: 120,
    dataType: 'customRender',
    align: 'right',
    sorter: (a: any, b: any) => a.itemColCart - b.itemColCart,
    render: (text: any, record: any) => {
      if (!record.itemColCart) {
        return '-';
      } else {
        const value = record.itemColCart;
        return digitFormat(value);
      }
    }
  },
  {
    title: '宝贝收藏加购成本',
    dataIndex: 'itemColCartCost',
    width: 140,
    dataType: 'customRender',
    align: 'right',
    sorter: (a: any, b: any) => a.itemColCartCost - b.itemColCartCost,
    render: (text: any, record: any) => {
      if (!record.itemColCartCost) {
        return '-';
      } else {
        const value = record.itemColCartCost;
        return digitFormat(value.toFixed(2));
      }
    }
  },
  {
    title: '总收藏数',
    dataIndex: 'colNum',
    width: 100,
    dataType: 'customRender',
    align: 'right',
    sorter: (a: any, b: any) => a.colNum - b.colNum,
    render: (text: any, record: any) => {
      if (!record.colNum) {
        return '-';
      } else {
        const value = record.colNum;
        return digitFormat(value);
      }
    }
  },
  {
    title: '宝贝收藏成本',
    dataIndex: 'itemColInshopCost',
    width: 100,
    dataType: 'customRender',
    align: 'right',
    sorter: (a: any, b: any) => a.itemColInshopCost - b.itemColInshopCost,
    render: (text: any, record: any) => {
      if (!record.itemColInshopCost) {
        return '-';
      } else {
        const value = record.itemColInshopCost;
        return digitFormat(value.toFixed(2));
      }
    }
  },
  {
    title: '宝贝收藏率',
    dataIndex: 'itemColInshopRate',
    width: 100,
    dataType: 'customRender',
    align: 'right',
    sorter: (a: any, b: any) => a.itemColInshopRate - b.itemColInshopRate,
    render: (text: any, record: any) => {
      if (!record.itemColInshopRate) {
        return '-';
      } else {
        const value = record.itemColInshopRate;
        return (value * 100).toFixed(2) + '%';
      }
    }
  },
  {
    title: '加购成本',
    dataIndex: 'cartCost',
    width: 100,
    dataType: 'customRender',
    align: 'right',
    sorter: (a: any, b: any) => a.cartCost - b.cartCost,
    render: (text: any, record: any) => {
      if (!record.cartCost) {
        return '-';
      } else {
        const value = record.cartCost;
        return digitFormat(value.toFixed(2));
      }
    }
  },
  {
    title: '直接收藏宝贝数',
    dataIndex: 'itemColDirNum',
    width: 120,
    dataType: 'customRender',
    align: 'right',
    sorter: (a: any, b: any) => a.itemColDirNum - b.itemColDirNum,
    render: (text: any, record: any) => {
      if (!record.itemColDirNum) {
        return '-';
      } else {
        const value = record.itemColDirNum;
        return digitFormat(value);
      }
    }
  },
  {
    title: '间接收藏宝贝数',
    dataIndex: 'itemColIndirNum',
    width: 120,
    dataType: 'customRender',
    align: 'right',
    sorter: (a: any, b: any) => a.itemColIndirNum - b.itemColIndirNum,
    render: (text: any, record: any) => {
      if (!record.itemColIndirNum) {
        return '-';
      } else {
        const value = record.itemColIndirNum;
        return digitFormat(value);
      }
    }
  },
  {
    title: '优惠劵领取量',
    dataIndex: 'couponShopNum',
    width: 100,
    dataType: 'customRender',
    align: 'right',
    sorter: (a: any, b: any) => a.couponShopNum - b.couponShopNum,
    render: (text: any, record: any) => {
      if (!record.couponShopNum) {
        return '-';
      } else {
        const value = record.couponShopNum;
        return digitFormat(value);
      }
    }
  },
  {
    title: '购物金充值笔数',
    dataIndex: 'shoppingNum',
    width: 120,
    dataType: 'customRender',
    align: 'right',
    sorter: (a: any, b: any) => a.shoppingNum - b.shoppingNum,
    render: (text: any, record: any) => {
      if (!record.shoppingNum) {
        return '-';
      } else {
        const value = record.shoppingNum;
        return digitFormat(value);
      }
    }
  },
  {
    title: '购物金充值金额',
    dataIndex: 'shoppingAmt',
    width: 120,
    dataType: 'customRender',
    align: 'right',
    sorter: (a: any, b: any) => a.shoppingAmt - b.shoppingAmt,
    render: (text: any, record: any) => {
      if (!record.shoppingAmt) {
        return '-';
      } else {
        const value = record.shoppingAmt;
        return digitFormat(value.toFixed(2));
      }
    }
  },
  {
    title: '旺旺咨询量',
    dataIndex: 'wwNum',
    width: 100,
    dataType: 'customRender',
    align: 'right',
    sorter: (a: any, b: any) => a.wwNum - b.wwNum,
    render: (text: any, record: any) => {
      if (!record.wwNum) {
        return '-';
      } else {
        const value = record.wwNum;
        return digitFormat(value);
      }
    }
  },
  {
    title: '间接成交ROI',
    dataIndex: 'indirRoi',
    width: 100,
    dataType: 'customRender',
    align: 'right',
    sorter: (a: any, b: any) => a.indirRoi - b.indirRoi,
    render: (text: any, record: any) => {
      if (!record.indirRoi) {
        return '-';
      } else {
        const value = record.indirRoi;
        return value.toFixed(2);
      }
    }
  },
  {
    title: '直接转化率',
    dataIndex: 'dirCvr',
    width: 100,
    dataType: 'customRender',
    align: 'right',
    sorter: (a: any, b: any) => a.dirCvr - b.dirCvr,
    render: (text: any, record: any) => {
      if (!record.dirCvr) {
        return '-';
      } else {
        const value = record.dirCvr;
        return (value * 100).toFixed(2) + '%';
      }
    }
  },
  {
    title: '间接转化率',
    dataIndex: 'indirCvr',
    width: 100,
    dataType: 'customRender',
    align: 'right',
    sorter: (a: any, b: any) => a.indirCvr - b.indirCvr,
    render: (text: any, record: any) => {
      if (!record.indirCvr) {
        return '-';
      } else {
        const value = record.indirCvr;
        return (value * 100).toFixed(2) + '%';
      }
    }
  },
  {
    title: '直接收藏加购率',
    dataIndex: 'dirFavAddRate',
    width: 120,
    dataType: 'customRender',
    align: 'right',
    sorter: (a: any, b: any) => a.dirFavAddRate - b.dirFavAddRate,
    render: (text: any, record: any) => {
      if (!record.dirFavAddRate) {
        return '-';
      } else {
        const value = record.dirFavAddRate;
        return (value * 100).toFixed(2) + '%';
      }
    }
  },
  {
    title: '间接收藏加购率',
    dataIndex: 'indirFavRate',
    width: 120,
    dataType: 'customRender',
    align: 'right',
    sorter: (a: any, b: any) => a.indirFavRate - b.indirFavRate,
    render: (text: any, record: any) => {
      if (!record.indirFavRate) {
        return '-';
      } else {
        const value = record.indirFavRate;
        return (value * 100).toFixed(2) + '%';
      }
    }
  },
  //TODO
]);
const tableBox = ref<any>(null);
const scroll = ref({
  x: 1000,
  y: 650,
});
watch(() => tableBox.value, (tableBox) => {
  if (tableBox) {
    scroll.value = {
      x: tableBox.offsetWidth,
      y: tableBox.offsetHeight - 104,
    }
  }
})
// 监听窗口变化
window.addEventListener('resize', () => {
  if (tableBox.value) {
    scroll.value = {
      x: tableBox.value ? tableBox.value.offsetWidth : 1000,
      y: tableBox.value ? (tableBox.value.offsetHeight - 104) : 1000,
    }
  }
})
const copy = (text: string) => {
  navigator.clipboard.writeText(text).then(() => {
    message.success('复制成功')
  }).catch(() => {
    message.error('复制失败')
  });
}
</script>

<template>
  <div style="width: 100%;height: 100%;" ref="tableBox">
    <base-table :data-source="data" table-name="超级优化-关键词推广-计划报表" :columns="columns"

                :loading="loading"
                :scroll="scroll"
    >

<!--      <template #adgroupName="row">-->
<!--        <a-row type="flex" class="adgroupName" :gutter="5">-->
<!--          <a-col>-->
<!--            <a-popover placement="right">-->
<!--              <template #content>-->
<!--                <img :src="row.material.imageUrl"-->
<!--                     style="width: 200px;height: 200px;"-->
<!--                />-->
<!--              </template>-->
<!--              <img :src="row.material.imageUrl"-->
<!--                   style="width: 60px;height: 60px;border-radius: 5px;"-->
<!--              />-->
<!--            </a-popover>-->
<!--          </a-col>-->
<!--          <a-col flex="1" class="title">-->
<!--            <a-tooltip :title="row.adgroupName">-->
<!--              <span style="-->
<!--            overflow: hidden;-->
<!--            text-overflow: ellipsis;-->
<!--            display: -webkit-box;-->
<!--            -webkit-line-clamp: 2;-->
<!--            line-clamp: 2;-->
<!--            -webkit-box-orient: vertical;"-->
<!--              >{{ row.adgroupName }}</span>-->
<!--            </a-tooltip>-->
<!--            <div>-->
<!--              <a-space>-->
<!--                <span style="color: #666;">ID: {{ row.adgroupId }}</span>-->
<!--                <CopyOutlined style="color: #1677ff;cursor: pointer;font-size: 12px;" @click="copy(row.campaignId)"/>-->
<!--              </a-space>-->
<!--            </div>-->
<!--          </a-col>-->
<!--        </a-row>-->
<!--      </template>-->
    </base-table>
  </div>
</template>

<style scoped>

</style>
